<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- [css] 让网页的字体变得清晰，变细用CSS怎么做 -->
  第一个反应是想到 font-weight: lighter; ，简单测试了下，是有效的，不过没有多平台测试。
第二个想到的是 font-family 设置偏细的字体
第三个是在重置样式里见过，针对MAC，IOS平台，有个 -webkit-webkit-font-smoothing: antialiased 样式。
至于这个需求本身，为什么要让字体变细呢？视觉效果实现希望整站变细？
变清晰不是应该通过色值的对比度来实现吗

-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
text-shadow: 1px 1px 1px 1px rgba(0,0,0,0.005)
text-rendering: optimizeLegibility
</body>
</html>